<template>
  <div>
    <div class="select_top">
      <el-select v-model="value" placeholder="年度">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <el-select v-model="value" placeholder="月份">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <el-button>检索</el-button>
      <el-button>导出</el-button>
    </div>
    <div class="sa_title">
      xx项目进度表
    </div>

    <el-table
      :data="tableData6"
      :spanMethod="objectSpanMethod"
      border
      style="width:92%; margin:20px auto;font-size"
    >
      <el-table-column
        prop="id"
        label="序号"
      >
      </el-table-column>
      <el-table-column
        prop="name"
        label="321工程"
      >
      </el-table-column>
      <el-table-column
        prop="amount1"
        label="整治行动"
      >
      </el-table-column>
      <el-table-column
        prop="amount2"
        label="项目数量"
      >
      </el-table-column>
      <el-table-column
        prop="amount3"
        label="子行动项目"
      >
      </el-table-column>
      <el-table-column
        prop="amount3"
        label="子行动推进情况"
      >
      </el-table-column>
      <el-table-column
        prop="amount3"
        label="子行动完成率"
      >
      </el-table-column>
      <el-table-column
        prop="amount3"
        label="牵头部门"
      >
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData6: [{
        id: '12987122',
        name: '王小虎',
        amount1: '234',
        amount2: '3.2',
        amount3: 10,
      }, {
        id: '12987123',
        name: '王小虎',
        amount1: '165',
        amount2: '4.43',
        amount3: 12,
      }, {
        id: '12987124',
        name: '王小虎',
        amount1: '324',
        amount2: '1.9',
        amount3: 9,
      }, {
        id: '12987125',
        name: '王小虎',
        amount1: '621',
        amount2: '2.2',
        amount3: 17,
      }, {
        id: '12987126',
        name: '王小虎',
        amount1: '539',
        amount2: '4.1',
        amount3: 15,
      }, {
        id: '12987126',
        name: '王小虎',
        amount1: '539',
        amount2: '4.1',
        amount3: 15,
      },
      {
        id: '12987122',
        name: '王小虎',
        amount1: '234',
        amount2: '3.2',
        amount3: 10,
      },
      {
        id: '12987122',
        name: '王小虎',
        amount1: '234',
        amount2: '3.2',
        amount3: 10,
      },
      {
        id: '12987122',
        name: '王小虎',
        amount1: '234',
        amount2: '3.2',
        amount3: 10,
      },
      {
        id: '12987122',
        name: '王小虎',
        amount1: '234',
        amount2: '3.2',
        amount3: 10,
      },
      {
        id: '12987122',
        name: '王小虎',
        amount1: '234',
        amount2: '3.2',
        amount3: 10,
      },
      {
        id: '12987122',
        name: '王小虎',
        amount1: '234',
        amount2: '3.2',
        amount3: 10,
      },
      ],
    };
  },
  methods: {

    // objectSpanMethod({ rowIndex, columnIndex }) {
    //   if (columnIndex === 0) {
    //     return {
    //       rowspan: 3,
    //       colspan: 1,
    //     };
    //   } else if (columnIndex === 1) {
    //     return {
    //       rowspan: 9,
    //       colspan: 1,
    //     };
    //   } else if (columnIndex === 2) {
    //     return {
    //       rowspan: 9,
    //       colspan: 1,
    //     };
    //   }
    // },
  },
};
</script>

<style lang="stylus" scoped>
.el-input--suffix .el-input__inner
  font-size 13px
.el-button
  font-size 13px
.sa_title
  text-align center
  font-size 20px
  border-top 1px solid #cccccc
  padding-top 20px
  margin 20px auto
  width 92%
.line
  border-bottom 1px solid #ccc
  font-size 18px
  text-align center
  margin 20px 0
  padding-bottom 5px
  color black
.select_top
  width 92%
  margin 20px auto
.el-col
  padding: 20px 10px;
</style>
